<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>${category.name}</title>
	<meta name="decorator" content="cms_default_${site.theme}"/>
	<meta name="description" content="${category.description}" />
	<meta name="keywords" content="${category.keywords}" />
	<style>
		.container{
			width:100%;
		}
		.row-out{
			width:100%;
			height:860px;

		}
		.row{
			width:1200px;
			margin:0 auto;
			height:860px;
			position:relative;
		}
		/*.row-out:nth-child(3){*/
		/*background: #ddd;*/
		/*}*/
		.row .title{
			position:relative;
		}
		.row .title .outter{
			position:absolute;
			left:-24px;
			top:80px;
		}
		.row .title .inner{
			position:absolute;
			top:166px;
			left:47px;
			background-color: rgba(255,255,255,0);
		}
		.row .title .more{
			position:absolute;
			top:125px;
			left:20px;
			font-size:20px;
			color:#fff;
			font-weight:600;
		}
		.row .title .item1{
			position:absolute;
			left:190px;
			top:190px;
			font-size:30px;
		}
		.row .title .english{
			position:absolute;
			left:170px;
			top:135px;
			font-size:14px;
			color:#646464;
		}
		.row .span6{
			position:absolute;
			left:3px;
			top:373px;
		}
		.row .img{
			position:absolute;
			left: 647px;
			top: 370px;
		}
		.row .articleItem{
			line-height:40px;
			border-bottom:1px dotted #ccc;
			list-style: none;
		}
		.row .articleItem:last-child{
			border:none;
		}
		.row .articleItem .articleTitle{
			color:#4d4d4d;
		}
		.row .articleItem .time{
			color:#666;
		}
	</style>
</head>
<body>
	<%--<div class="row">--%>
	   <%--<div class="span2">--%>
	   	 <%--<h4>栏目列表</h4>--%>
		 <%--<ol>--%>
		 	<%--<cms:frontCategoryList categoryList="${categoryList}"/>--%>
		 <%--</ol>--%>
		 <%--<h4>推荐阅读</h4>--%>
		 <%--<ol>--%>
		 	<%--<cms:frontArticleHitsTop category="${category}"/>--%>
		 <%--</ol>--%>
	   <%--</div>--%>
	   <%--<div class="span10">--%>
		 <%--<ul class="breadcrumb">--%>
		    <%--<cms:frontCurrentPosition category="${category}"/>--%>
		 <%--</ul>--%>
	   <%--</div>--%>
       <%--<div class="span10">--%>
		  <%--<h4>${category.name}</h4>--%>
		  <%--<c:if test="${category.module eq 'article'}">--%>
			<%--<ul><c:forEach items="${page.list}" var="article">--%>
				<%--<li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,96)}</a></li>--%>
			<%--</c:forEach></ul>--%>
			<%--<div class="pagination">${page}</div>--%>
			<%--<script type="text/javascript">--%>
				<%--function page(n,s){--%>
					<%--location="${ctx}/list-${category.id}${urlSuffix}?pageNo="+n+"&pageSize="+s;--%>
				<%--}--%>
			<%--</script>--%>
		  <%--</c:if>--%>
		  <%--<c:if test="${category.module eq 'link'}">--%>
			<%--<ul><c:forEach items="${page.list}" var="link">--%>
				<%--<li><a href="${link.href}" target="_blank" style="color:${link.color}"><c:out value="${link.title}" /></a></li>--%>
			<%--</c:forEach></ul>--%>
		  <%--</c:if>--%>
  	  <%--</div>--%>
   <%--</div>--%>

<%--	haha:${category.id}
	${categoryList}
	<c:set var="categorys" value="${fnc:getCategoryList(1,7,4 ,null)}"/>
	<c:out value="${categorys}"/>--%>

	<c:forEach items="${categoryList}" var="category">
		<div class="row-out">
			<div class="row">
				<div class="title">
					<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png"
						 class="outter"/>
					<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>
					<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>
					<span class="item1">${category.name}</span>
					<span class="english">institutional framework</span>
				</div>
				<div class="span6 pull-left">
					<ul><c:forEach items="${fnc:getArticleList(site.id,category.id,8, '')}" var="article">
						<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}"
																							  pattern="yyyy.MM.dd"/></span><a
								href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>
					</c:forEach></ul>
				</div>
				<div class="pull-right img">
					<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>
				</div>
			</div>
		</div>
	</c:forEach>

<%--
&lt;%&ndash;热门资讯&ndash;%&gt;
<div class="row-out">
	<div class="row">
		<div class="title">
			<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png"
				 class="outter"/>
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>
			<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>
			<span class="item1">热门资讯</span>
			<span class="english">institutional framework</span>
		</div>
		<div class="span6 pull-left">
			<ul><c:forEach items="${fnc:getArticleList(site.id, 2, 8, '')}" var="article">
				<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}"
																					  pattern="yyyy.MM.dd"/></span><a
						href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>
			</c:forEach></ul>
		</div>
		<div class="pull-right img">
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>
		</div>

	</div>
</div>

&lt;%&ndash;行业资讯&ndash;%&gt;
<div class="row-out">
	<div class="row">
		&lt;%&ndash;<div class="span6">&ndash;%&gt;
		&lt;%&ndash;<h4>&ndash;%&gt;
		&lt;%&ndash;<small><a href="${ctx}/list-6${urlSuffix}" class="pull-right">更多&gt;&gt;</a></small>&ndash;%&gt;
		&lt;%&ndash;质量监督&ndash;%&gt;
		&lt;%&ndash;</h4>&ndash;%&gt;
		&lt;%&ndash;<ul><c:forEach items="${fnc:getArticleList(site.id, 6, 8, '')}" var="article">&ndash;%&gt;
		&lt;%&ndash;<li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a&ndash;%&gt;
		&lt;%&ndash;href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,28)}</a></li>&ndash;%&gt;
		&lt;%&ndash;</c:forEach></ul>&ndash;%&gt;
		&lt;%&ndash;</div>&ndash;%&gt;
		<div class="title">
			<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png"
				 class="outter"/>
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>
			<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>
			<span class="item1">行业资讯</span>
			<span class="english">quality monitoring</span>
		</div>
		<div class="span6 pull-left">

			<ul><c:forEach items="${fnc:getArticleList(site.id, 6, 8, '')}" var="article">
				<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}"
																					  pattern="yyyy.MM.dd"/></span><a
						href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>
			</c:forEach></ul>
		</div>
		<div class="pull-right img">
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>
		</div>
	</div>
</div>

&lt;%&ndash;公司动态&ndash;%&gt;
<div class="row-out">
	<div class="row">
		&lt;%&ndash;<div class="span6">&ndash;%&gt;
		&lt;%&ndash;<h4>&ndash;%&gt;
		&lt;%&ndash;<small><a href="${ctx}/list-10${urlSuffix}">更多</a></small>&ndash;%&gt;
		&lt;%&ndash;<span class="item3">政策法规</span>&ndash;%&gt;
		&lt;%&ndash;</h4>&ndash;%&gt;
		&lt;%&ndash;<ul><c:forEach items="${fnc:getArticleList(site.id, 10, 8, '')}" var="article">&ndash;%&gt;
		&lt;%&ndash;<li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a&ndash;%&gt;
		&lt;%&ndash;href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,28)}</a></li>&ndash;%&gt;
		&lt;%&ndash;</c:forEach></ul>&ndash;%&gt;
		&lt;%&ndash;</div>&ndash;%&gt;
		<div class="title">
			<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png"
				 class="outter"/>
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>
			<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>
			<span class="item1">公司动态</span>
			<span class="english">laws and regulations</span>
		</div>
		<div class="span6 pull-left">

			<ul><c:forEach items="${fnc:getArticleList(site.id, 10, 8, '')}" var="article">
				<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}"
																					  pattern="yyyy.MM.dd"/></span><a
						href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>
			</c:forEach></ul>
		</div>
		<div class="pull-right img">
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>
		</div>
	</div>

</div>

&lt;%&ndash;乐农活动&ndash;%&gt;
<div class="row-out">
	<div class="row">
		<div class="title">
			<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png"
				 class="outter"/>
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>
			<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>
			<span class="item1">乐农活动</span>
			<span class="english">institutional framework</span>
		</div>
		<div class="span6 pull-left">

			<ul><c:forEach items="${fnc:getArticleList(site.id, 2, 8, '')}" var="article">
				<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}"
																					  pattern="yyyy.MM.dd"/></span><a
						href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>
			</c:forEach></ul>
		</div>
		<div class="pull-right img">
			<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>
		</div>
	</div>
</div>--%>

</body>
</html>